<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="bootstrap-5.3.0-dist/css/bootstrap.min.css">
</head>
<body style="background-color: #e1e1e1;">
  <div class="container">
    <div class="row">
      <div class="col">
        <p class="text-light bg-primary">.bg-primary类：蓝色背景</p>
        <p class="text-light bg-secondary">.bg-secondary类：灰色背景</p>
        <p class="text-light bg-success">.bg-success类：绿色背景</p>
        <p class="text-light bg-danger">.bg-danger类：红色背景</p>
        <p class="text-light bg-info">.bg-info类：浅蓝色背景</p>
        <p class="text-light bg-warning">.bg-warning类：黄色背景</p> 
      </div>
      <div class="col">
        <p class="text-light bg-dark">.bg-dark类：深色背景</p>
        <p class="text-dark bg-light">.bg-light类：浅色背景</p>
        <p class="text-dark bg-body">.bg-body类：整个页面的背景色</p>
        <p class="text-dark bg-white">.bg-white类：白色背景色</p>
        <p class="text-dark bg-transparent">.bg-transparent类：透明背景色</p>
      </div>
    </div>
  </div>
</body>
</html>